<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<title>Logvan</title>
<link rel="shortcut icon" href="/escolares/html/images/icon/van.png">
<link href="/escolares/html/css/bootstrap.css" rel="stylesheet"
	type="text/css">
<link href="/escolares/html/css/DT_bootstrap.css" rel="stylesheet"
	type="text/css">

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="/escolares/html/js/bootstrap.js"></script>
<script src="/escolares/html/js/jquery.dataTables.js"></script>
<script src="/escolares/html/js/DT_bootstrap.js"></script>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<script type="text/javascript">
	$(document).ready(function() {
		$("#tNombreCurso").val("");

		$('#submitColegio').click(function() {
			if ($("#tNombre").val() == "") {
				alert("Debe Ingresar el Nombre del Colegio");
				$('#tNombre').focus();
				return false;
			}
			if ($("#Direccion").val() == "") {
				alert("Debe Ingresar la Direccion del Colegio");
				$('#Direccion').focus();
				return false;
			}
		});
		$('#submitCurso').click(function() {
			if ($("#tNombreCurso").val() == "") {
				alert("Debe Ingresar el Nombre del Curso");
				$('#tNombreCurso').focus();
				return false;
			}
			if ($("#sHorarios").val() == -1) {
				alert("Debe Seleccionar un Horario");
				$('#sHorarios').focus();
				return false;
			}
		});
	});
</script>
<body style="padding-top: 0px">
	<div class="container">
		<!-- Main component for a primary marketing message or call to action -->
		<%@include file="../../_common/nav-var.jsp"%>
		<div class="well" style="margin-top: 57px; min-height: 300px">
			<s:if test="okMessage=='Operacion realizada exitosamente.'">
				<div class="alert alert-success">
					<s:property value="okMessage" />
				</div>
			</s:if>
			<s:if test="errorMessage=='Se ha producido un error inesperado.'">
				<div class="alert alert-error">
					<s:property value="errorMessage" />
				</div>
			</s:if>

			<div class="row">
				<div class="span3" style="margin-left: 10%;">
					<h4 style="color: #DA4F49;">Modificar Colegio</h4>
					<s:form action="saveColegio" method="post" theme="simple"
						cssClass="form-personal-bussiness">
						<s:hidden name="usuario.usuarioId" value="%{usuario.usuarioId}"></s:hidden>
						<s:hidden name="colegio.colegioId" value="%{colegio.colegioId}"></s:hidden>
						<s:hidden name="colegio.activo" value="%{colegio.activo}"></s:hidden>
						<s:textfield name="colegio.nombre" value="%{colegio.nombre}"
							id="tNombre" key="label.nombre" size="12" cssClass="form-control"
							placeholder="Nombre del colegio" />
						<s:textfield name="colegio.direccion" value="%{colegio.direccion}"
							id="tDireccion" key="label.direccion" size="12"
							cssClass="form-control" placeholder="Direccion del colegio" />
						<s:submit value="Guardar" cssClass="btn btn-lg btn-primary"
							id="submitColegio"></s:submit>
					</s:form>
				</div>
				<div class="span4" style="margin-left: 10%;">
					<h4 style="color: #DA4F49;">Agregar Curso</h4>
					<s:form action="addCurso" method="post" theme="simple"
						cssClass="form-personal-bussiness">
						<s:hidden name="usuario.usuarioId" value="%{usuario.usuarioId}"></s:hidden>
						<s:hidden name="colegio.colegioId" value="%{colegio.colegioId}"></s:hidden>
						<s:hidden name="cursoAdd.activo" value="%{cursoAdd.activo}"></s:hidden>
						<s:hidden name="cursoAdd.cursoId" value="0"></s:hidden>
						<s:textfield name="cursoAdd.nombre" key="label.nombre" size="10"
							id="tNombreCurso" cssClass="form-control"
							placeholder="Nombre del Curso" />
						<s:select class="form-control" headerValue="Selecccione Horario" headerKey="-1"
							id="sHorarios" list="horarios" listKey="horarioId"
							listValue="horaEntrada+' - '+horaSalida"
							name="cursoAdd.horarioId" value="0"></s:select>
						<s:submit value="Guardar" cssClass="btn btn-lg btn-primary"
							id="submitCurso"></s:submit>
					</s:form>
				</div>
			</div>
			<p class="text-right">
				<a
					href="<s:url action="colegios.action">
								<s:param name="usuarioId" value="usuario.usuarioId" />
							  </s:url>"
					style="color: #49AFCD; right: 0px;">Atras..</a>
			</p>
			<h4 style="color: #5BB75B;">Listado De Cursos</h4>

			<hr class="bs-docs-separator">
			<table cellpadding="0" cellspacing="0" border="0"
				class="table table-striped table-bordered" id="example">
				<thead>
					<tr>
						<th>Identificador</th>
						<th>Nombre</th>
						<th>Horario</th>
						<th>Acciones</th>
					</tr>
				</thead>
				<tbody>
					<s:iterator value="cursos" var="curso">
						<tr>
							<s:form cssClass="form-inline" role="form" action="deleteCurso"
								method="post" theme="simple" namespace="">
								<td><s:property value="%{#curso.cursoId}"></s:property></td>
								<td><s:property value="%{#curso.nombre}"></s:property></td>
								<td><s:iterator status="horariosMap" value="horariosMap">
										<s:if test="#curso.horarioId == key">
											<s:property value="value" />
										</s:if>
									</s:iterator></td>
								<td><s:url id="deleteUrl" action="deleteCurso">
										<s:param name="cursoId" value="%{#curso.cursoId}" />
										<s:param name="usuarioId" value="usuario.usuarioId" />
									</s:url> <s:url id="editUrl" action="editCurso">
										<s:param name="cursoId" value="%{#curso.cursoId}" />
										<s:param name="usuarioId" value="usuario.usuarioId" />
									</s:url> <s:form id="%{#curso.cursoId}" cssStyle="margin: 0 0 0 0"
										role="form" method="post" theme="simple" namespace="/">
<%-- 										<s:a href="%{editUrl}" cssClass="btn btn-info" --%>
<%-- 											onclick="return true;">Modificar</s:a> --%>
										<s:a href="%{deleteUrl}" cssClass="btn btn-danger"
											onclick="return confirm('¿Realmemnte Desea Eliminar es Curso?')">Eliminar</s:a>
									</s:form></td>
							</s:form>

						</tr>
					</s:iterator>
				</tbody>
			</table>
			<div class="row">
				<p class="text-right">
					<a
						href="<s:url action="colegios.action">
								<s:param name="usuarioId" value="usuario.usuarioId" />
							  </s:url>"
						style="color: #49AFCD; right: 0px;">Atras..</a>
				</p>
			</div>
		</div>

	</div>
</body>
</html>

